/* APLICATION */
Application { 
	backgroundColor: #000000;
	backgroundGradientAlphas: 1, 1;
	backgroundGradientColors: #000000, #0099cc;
	themeColor: #0099cc;
	color: #333333;
}

.ApplicationControlBarStyle 
{
   dropShadowColor: #ffffff;
}

/* MENU */
		
.applicationBarStyle {
   cornerRadius: 6;
   color: #FFFFFF;
   dropShadowColor: #000000;
}

.menuPopup {
	paddingBottom: 10;
	paddingLeft: 10;
	paddingRight: 10;
	paddingTop: 10;
	horizontalGap: 50;
	borderSkin: ClassReference("cae.skins.CustomContainerBorderSkinB");
	backgroundColor: #FFFFFF;
	cornerRadius: 6;
}

.menuTabSelected {
	cornerRadius: 6;
	borderSkin: ClassReference("cae.skins.CustomContainerBorderSkin");
	color: #0099cc;
	fontWeight: "bold";
}

.menuTabNotOpen {
	cornerRadius: 6;
	borderSkin: ClassReference("cae.skins.CustomContainerBorderSkin");
	backgroundColor: #ffffff;
	color: #ffffff;
	fontWeight: "bold";
}

.menuTabOpen {
	cornerRadius: 6;
	borderSkin: ClassReference("cae.skins.CustomContainerBorderSkin");
	backgroundColor: #ffffff;
	color: #000000;
	fontWeight: "bold";
}

.menuButtonOver {
	cornerRadius: 6;
	borderSkin: ClassReference("cae.skins.CustomContainerBorderSkinC");
	backgroundColor: #ffffff;
	color: #000000;
	fontWeight: "bold";
}

.subsectionTitle {
	color: #0099cc;
	fontWeight: bold;
	fontFamily: Verdana; 
	fontSize: 12;	
}

.bannerStyle
{
	background-image:   Embed("../data/fire.jpg");
    background-repeat:   repeat;
    background-position: center;
    background-blend:    multiply;
    borderSkin:   ClassReference("com.degrafa.skins.CSSSkin");
}







VAccordion
{
   headerHeight: 40;
   vertical-gap: 5;

   background-alpha:0;
   open-duration:500;
   border-style:none;
   padding-bottom:5;
}

CaeAccordionHeader
{
    upSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    overSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    downSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    disabledSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedUpSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedOverSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedDownSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedDisabledSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    font-family:Arial;
    cornerRadii: 10, 10, 0, 0;
    borderColors: #000000, #000000;
    overBorderColors: #000000, #000000;
    selectedBorderColors: #000000, #000000;
    borderThickness: 2;
    borderAlpha: 1;
    fillColors: #000000, #000000;
    fillAlphas: 1, 1;
    fillColorRatios: 0, 255;
    overFillColors: #0099cc, #000000;
    overFillAlphas: 1, 1;
    overFillColorRatios: 0, 169;
    selectedFillColors: #0099cc, #000000;
    selectedFillAlphas: 1,1;
    selectedFillColorRatios: 0, 169;
    
    font-weight: bold;
    color: #FFFFFF;
    textRollOverColor: #ffffff;
    textSelectedColor: #ffffff;
    font-size: 16;  
    paddingLeft: 20;

}

/*.pepe {
   cornerRadius: 10;
   headerHeight: 0;
   borderThickness: 1;
   roundedBottomCorners: true;
   borderStyle: solid;
   borderColor: #b7babc;
}*/


.buttonViewStack {
    upSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    overSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    downSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    disabledSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedUpSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedOverSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedDownSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');
    selectedDisabledSkin:ClassReference('flexlib.skins.EnhancedButtonSkin');

     /*cornerRadii: 10, 0, 0, 10;*/
     borderColors: #006699, #006699;
     overBorderColors: #003399, #003399;
     selectedBorderColors: #003399, #003399;
     borderThickness: 3;
     fillColors: #FCFFF4, #006699, #0066CC, #00CCFF;
     fillAlphas: 0.5, 0.5, 0.5, 0.5;
     fillColorRatios: 0, 85, 170, 255;
     overFillColors: #FCFFF4, #006699, #0066CC, #00CCFF;
     overFillAlphas: 0.5, 0.5, 0.5, 0.5;
     overFillColorRatios: 0, 85, 170, 255;
     selectedFillColors: #FCFFF4, #006699;
     selectedFillAlphas: 0.5, 0.5;
     selectedFillColorRatios: 0, 255;
     color: #FFFFFF;
     textRollOverColor: #FFFFFF;
}


